<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>JAVAscript练习</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="shortcut icon" href="http://pengjianquan.pro.bluej.cn/resume/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="../../index.css"/>
	</head>

	<BODY>
		<pre><h1>JAVAscript练习</a></h1></pre>
		<div id="div1" class="box box-re form-inline">
			1、window.open & write<br><br>
			<button class="btn btn-info">打开窗口</button><br><br>
			<button class="btn btn-info">document.write</button> 先清空，再写入。<br><br>
			<textarea class="form-control" rows="1" cols="30"></textarea>
			<button class="btn btn-info">运行代码框</button>
		</div>

		<div id="div2" class="box box-re form-inline">
			2、window.close<br><br>
			<textarea class="form-control" rows="1" cols="30"><button class="btn btn-info" onclick="window.close()">关闭窗口</button></textarea>
			<button class="btn btn-info">运行代码框</button>
		</div>

		<div id="div3" class="box box-re form-inline">
			3、window.navigator.userAgent & window.location<br><br>
			<button class="btn btn-info">查看当前浏览器信息</button> <button class="btn btn-info">查看当前网址</button> <button class="btn btn-info">赋值百度为当前网址</button><br><br>
			<code></code>
		</div>

		<div id="Record" class="box box-re red">
			记录<br>
			<p>window.open：基本写法<code>window.open('about:blank')</code>，被执行后是新开启一个空白页。open是有返回值的，他返回的就是新打开的窗口的内容。例如：<code>var newWindow=window.open('about:blank', '_blank');</code></p>
			<p>write：基本写法<code>document.write('abc')</code>，被执行后是先把页面所有内容清空，然后再写入他的参数内容。</p>
			<p>document：完整写法是window.document，window是可以省略的。因为document必然属于window。所以在open新窗口之后，新窗口也有document。例如：<code>newWindow.document.write(aTxt2.value);</code></p>
			<p>window.close：基本写法<code>window.close()</code>，只能关闭由window.open打开的窗口。</p>
			<p>window.navigator.userAgent：获取当前浏览器的版本信息。</p>
			<p>window.location：获取当前页面的地址。不光可以获取，还可以赋值。例如：<code>window.location='http://www.baidu.com/'</code></p>
		</div>

	</BODY>

</HTML>